﻿@{
    ViewBag.Title = "Trang thành viên " + ViewBag.UserName;
    Layout = "~/Views/Shared/_Layout.cshtml";
}
@model EC_ASS.Models.Customer

<div class="container">
    <div class="row">
        <div class="span3">
            <h4>Thông tin tài khoản</h4>
            <div class="row">
                <div class="span1">
                    <div class="thumbnail">
                        <a href="/Account/Index">
                            <img src="@Url.Content("~/" + Model.Avatar)" alt="">
                        </a>
                    </div>
                </div>
                <div class="span2" style="margin-left: 10px">
                    <h4>@Model.Name</h4>
                    @if (Model.VIP == true)
                    {
                        <p>
                            Khách hàng:
                        <img src="@Url.Content("~/" + Model.VIPCard)" title="Khách hàng thân thiện"/>
                        </p>
                    }
                    else
                    {
                        <p><span class="label label-info">Khách hàng MShop</span></p>
                    }
                </div>
            </div>
            <aside class="sidebar">
                <ul class="nav nav-list primary pull-bottom">
                    <li><a href="@Url.Action("Index", "Account")">Profile</a></li>
                    <li><a href="@Url.Action("ViewOrder", "Account")">Lịch sử mua hàng</a></li>
                    <li><a href="@Url.Action("LogOut", "Account")">Thoát</a></li>
                </ul>
                <hr />
                <h4>Thông báo</h4>
                <p>Với bất kì hóa đơn mua hàng có giá trị từ 1.000.000 bạn sẽ trở thành khách hàng thân thiết của website và nhận ngay thẻ thành viên (Giảm giá 20% cho tất cả mặt hàng trừ deals).</p>
            </aside>
        </div>
        <div class="span9">
            <div class="tabs">
                <ul class="nav nav-tabs">
                    <li class="active"><a href="#info" data-toggle="tab">Chi tiết</a></li>
                    <li class=""><a href="#change_info" data-toggle="tab">Đổi thông tin tài khoản</a></li>
                </ul>
                <div class="tab-content">
                    <div class="tab-pane active" id="info">
                        <div class="span3 control-group">
                            <label>Tài khoản</label>
                            <input type="text" value="@Model.Account" maxlength="100" class="span3" disabled="disabled">
                            <label>Email</label>
                            <input type="text" value="@Model.Email" maxlength="100" class="span3" disabled="disabled">
                            <label>Đại chỉ</label>
                            @if (!(String.IsNullOrEmpty(Model.Address)))
                            {
                                <input type="text" value="@Model.Address" maxlength="100" class="span3" disabled="disabled">
                            }
                            else
                            {
                                <input type="text" value="Chưa cung cấp" maxlength="100" class="span3" disabled="disabled">
                            }
                            <label>Số điện thoại</label>
                             @if (!(String.IsNullOrEmpty(Model.Phone)))
                            {
                                <input type="text" value="@Model.Phone" maxlength="100" class="span3" disabled="disabled">
                            }
                            else
                            {
                                <input type="text" value="Chưa cung cấp" maxlength="100" class="span3" disabled="disabled">
                            }
                        </div>
                    </div>
                    <div class="tab-pane" id="change_info">
                        <form action="@Url.Action("EditInfo", "Account")" method="post" enctype="multipart/form-data">
                            <div class="span3 control-group">
                                <label>Tài khoản</label>
                                <input type="text" value="@Model.Account" maxlength="100" class="span3" disabled="disabled">
                                <label>Email</label>
                                <input type="text" value="@Model.Email" maxlength="100" class="span3" disabled="disabled">
                                <label>Mật khẩu</label>
                                <input name="Password" type="password" value="admin" maxlength="100" class="span3">
                                <label>Đại chỉ</label>
                                <input name="Address" type="text" value="@Model.Address" maxlength="100" class="span3">
                                <label>Số điện thoại</label>
                                <input name="Phone" type="text" value="@Model.Phone" maxlength="100" class="span3">
                                <label>Ảnh đại diện</label>
                                <input type="file" name="Avatar" id="Avatar" />
                                <br />
                                <input type="hidden" name="ID" value="@Model.ID"/>
                                <button class="btn" type="submit">Cập nhật</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<hr />
<div class="container">
    <h4>Thanh toán</h4>
    <div class="row">
        @Html.Partial("_Payment")
    </div>
</div>
